<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="apple-touch-icon" sizes="114x114" href="{kfc:tplpath}images/icontwo.png">
<link rel="apple-touch-startup-image" href="{kfc:tplpath}images/startup.png" />
<title>{kfc:seotitle} - {kfc:sitename} - Powered by KnifeCMS</title>

<link href="{kfc:tplpath}css/style.css" rel="stylesheet" type="text/css">
<link href="{kfc:tplpath}css/buttons.css" rel="stylesheet" type="text/css">
<link href="{kfc:tplpath}css/type.css" rel="stylesheet" type="text/css">
<link href="{kfc:tplpath}css/add2home.css" rel="stylesheet" type="text/css">
<link href="{kfc:tplpath}css/flexslider.css" rel="stylesheet" type="text/css">
<link href="{kfc:tplpath}css/photoswipe.css" rel="stylesheet" type="text/css">

<!-- Do not move the bellow script to custom.js! It must stay here to load properly! -->
<script type="text/javascript">
	function loadImages() {
		if (document.getElementById) {  // DOM3 = IE5, NS6
			document.getElementById('hidepage').style.visibility = 'hidden';
		}else {
		if (document.layers) {  // Netscape 4
			document.hidepage.visibility = 'hidden';
		}else {  // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		  }
	   }
	}
</script>

<script type="text/javascript" src="{kfc:tplpath}scripts/jquery.js"></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/contact.js"></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/jquery.flexslider-min.js"/></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/add2home.js"></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/klass.min.js"></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/code.photoswipe.jquery-3.0.4.min.js"></script>
<script type="text/javascript" src="{kfc:tplpath}scripts/custom.js"></script>
</head>

<body OnLoad="loadImages()">
<p class="no-mobile">请使用手机浏览!<br/> 此页面仅供手机访问! </p>
<div class="site">

<div id="hidepage"> 
	<p class="center-text">载入中...<br/><img src="{kfc:tplpath}images/background/130.gif" alt="load"></p>
</div>

<div class="navigation">
	<a id="home" class="selected" href="#"><img src="{kfc:tplpath}images/nav/item1ns.png" alt="img"><em class="under-icon-text">首页</em></a>
    <a id="about" 		  	      href="#"><img src="{kfc:tplpath}images/nav/item2ns.png" alt="img"><em class="under-icon-text">关于</em></a>
    <a id="portfolio" 	  		  href="#"><img src="{kfc:tplpath}images/nav/item3ns.png" alt="img"><em class="under-icon-text">产品</em></a>
    <a id="blog" 		  	      href="#"><img src="{kfc:tplpath}images/nav/item5ns.png" alt="img"><em class="under-icon-text">服务</em></a>
    <a id="contact" 	  		  href="#"><img src="{kfc:tplpath}images/nav/item4ns.png" alt="img"><em class="under-icon-text">联系</em></a>
</div>

<div class="header-deco"></div>
<div class="header">
	<img class="logo" src="{kfc:tplpath}images/logo.png" alt="img"> 
    <div class="social-icons">
    	<a href="#"><img src="{kfc:tplpath}images/social-icons/facebook.png" alt="img"></a>
        <a href="#"><img src="{kfc:tplpath}images/social-icons/twitter.png" alt="img"></a>
        <a href="#"><img src="{kfc:tplpath}images/social-icons/rss.png" alt="img"></a>
        <a href="#"><img src="{kfc:tplpath}images/social-icons/mail.png" alt="img"></a>
    </div>
</div>
<div class="decoration"></div>

<div class="home">
	<div class="flexslider">
	    <ul class="slides">
	    	<li>
	    		<img src="{kfc:tplpath}images/slider/1.jpg" />
	    		<p class="flex-caption">Swipe this picture, left or right!</p>
	    	</li>
	    	<li>
	    		<img src="{kfc:tplpath}images/slider/2.jpg" />
	    		<p class="flex-caption">Come on! Swipe the picture!</p>
	    	</li>
	    	<li>
	    		<img src="{kfc:tplpath}images/slider/3.jpg" />
                <p class="flex-caption">Really! Please swipe the picture</p>
	    	</li>
	    	<li>
	    		<img src="{kfc:tplpath}images/slider/4.jpg" />
                <p class="flex-caption">Well? Are you gonna swipe?!</p>
	    	</li>
	    </ul>
	</div>
    <p class="under-slider-heading shadow">We like you! That's why we made Esepina!</p>
    <p class="under-slider-description shadow">
    	Everything about this template is mobile developed. 
        It works on most mobile devices, and it provides an
        awesome mobile iPhone WebApp with custom splash screen and home-screen icon! 
    </p>
    <div class="decoration"></div>
    <div class="column">
		<p class="column-text shadow">
        	<strong>Works on iPhones!</strong>
            <img class="round-icon" src="{kfc:tplpath}images/icon/iphone.png" alt="img">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
        </p>
        <div class="clear"></div>
		<p class="column-text shadow">
        	<strong>Works on Androids!</strong>
            <img class="round-icon" src="{kfc:tplpath}images/icon/android.png" alt="img">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
        </p>
        <div class="clear"></div>
		<p class="column-text last-item shadow">
        	<strong>Works on BlackBerry</strong>
            <img class="round-icon" src="{kfc:tplpath}images/icon/bberry.png" alt="img">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
        </p>
        <div class="clear"></div>
    </div>
    <div class="decoration"></div>
</div>

<div class="about">
	<div class="column">
		<img class="image-width image-deco" src="{kfc:tplpath}images/about-images/1.jpg" alt="img">
        <h4 class="image-heading shadow">An awesome image maybe?</h4>
        <p class="shadow">            
        	Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
        </p>
        <div class="clear"></div>
    </div>
    <div class="decoration"></div>
    <div class="full-width">
    	<h4 class="shadow">Lists? Sure thing </h4>
        <ul class="icon-list shadow">
        	<li class="list-info">Lorem ipsum dolor sit amet adipiscing.</li>
            <li class="list-heart">Donec faucibus nisi vel libero.</li>
            <li class="list-attention">Nullam volutpat nunc sed odio ultrices.</li>
            <li class="list-cross">Quisque vel mi eu lectus lobortis.</li>
            <li class="list-arrow">Donec sed sem eu justo tempus.</li>
            <li class="list-plus">Maecenas vitae mauris mi, id egestas.</li>
            <li class="list-warning">Maecenas at lectus nunc, non lobortis.</li>
            <li class="list-tick last-item">Maecenas at lectus nunc, non lobortis.</li>
        </ul> 
    </div>
    <div class="decoration"></div>
    <div class="demo-buttons">
    	<a href="#" class="button grey">Button</a>
    	<a href="#" class="button yellow">Button</a>
        <a href="#" class="button green">Button</a>
        <a href="#" class="button black">Button</a>
        <a href="#" class="button red">Button</a>
        <a href="#" class="button blue">Button</a>
        <a href="#" class="button gblue">Button</a>
        <a href="#" class="button purple">Button</a>
    </div>
    <div class="decoration"></div>
    <div class="full-width">
    	<h4 class="shadow">What about notification boxes?</h4>
        <div class="notification-box-green">
            <a href="#" class="notification-quit-green">x</a>
            <img class="notification-icon" src="{kfc:tplpath}images/lists/list-tick.png" alt="">
            <p class="notification-text">Yes, green is good! You can download stuff!</p>
        </div>
        <div class="notification-box-yellow">
            <a href="#" class="notification-quit-yellow">x</a>
            <img class="notification-icon" src="{kfc:tplpath}images/lists/list-warning.png" alt="">
            <p class="notification-text">Warning! Something requires attention!</p>
        </div>
        <div class="notification-box-blue">
            <a href="#" class="notification-quit-blue">x</a>
            <img class="notification-icon" src="{kfc:tplpath}images/lists/list-info.png" alt="">
            <p class="notification-text">Information! Something interesting!</p>
        </div>
        <div class="notification-box-red last-item">
            <a href="#" class="notification-quit-red">x</a>
            <img class="notification-icon" src="{kfc:tplpath}images/lists/list-cross.png" alt="">
            <p class="notification-text">Attention! Something bad is happening!</p>
        </div> 
    </div>
    <div class="decoration"></div>
    <div class="full-width">
    	<h4 class="shadow">Highlighted text?</h4>
       	<p class="highlight shadow"><span class="highlight-orange">Donec vehiculas</span> aliqet justi roncs. Proin sagittis mauris mauris maleda.Proin sagittis mauris mauris maleda.</p>
      	<p class="highlight shadow"><span class="highlight-green">Donec vehiculas</span> aliqet justi roncs. Proin sagittis mauris mauris maleda.Proin sagittis mauris mauris maleda.</p>        
       	<p class="highlight shadow"><span class="highlight-yellow">Donec vehiculas</span> aliqet justi roncs. Proin sagittis mauris mauris maleda.Proin sagittis mauris mauris maleda.</p>        
		<p class="highlight last-item shadow"><span class="highlight-gray">Donec vehiculas</span> aliqet justi roncs. Proin sagittis mauris mauris maleda.Proin sagittis mauris mauris maleda.</p>        
    </div>
    <div class="decoration"></div>
   	<div class="column-big">
    	<p class="left-column-big-text shadow">
        <img class="left-column-big-icon" src="{kfc:tplpath}images/columns/left-iphone.png" alt="img">
        <strong class="left-column-big-title">Your Awesome Title Here!</strong>
         	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Phasellus vel orci justo, quis lobortis velit. Suspendisse a 
            sem vel risus suscipit dictum quis quis sapien. Nunc nec adipiscing ante. 
            Praesent aliquet magna quis nisl fermentum molestie. Vivamus felis tellus.
			Suspendisse a sem vel risus suscipit dictum quis quis sapien. Nunc nec adipiscing ante. 
            Praesent aliquet magna quis nisl fermentum molestie. Vivamus felis tellus.
        </p>
     </div>   
     <div class="clear"></div> 
     <div class="decoration"></div>
     <div class="column-big">
     	<p class="right-column-big-text shadow">
        <img class="right-column-big-icon" src="{kfc:tplpath}images/columns/right-android.png" alt="img">
        <strong class="right-column-big-title">Your Awesome Title Here!</strong>
          	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Phasellus vel orci justo, quis lobortis velit. Suspendisse a 
            sem vel risus suscipit dictum quis quis sapien. Nunc nec adipiscing ante. 
            Praesent aliquet magna quis nisl fermentum molestie. Vivamus felis tellus.
			Suspendisse a sem vel risus suscipit dictum quis quis sapien. Nunc nec adipiscing ante. 
            Praesent aliquet magna quis nisl fermentum molestie. Vivamus felis tellus.
        </p>
	</div>   
    <div class="clear"></div> 
    <div class="decoration"></div>
    <div class="full-width demo-icons">
    	<h4 class="shadow">What icons can you use?</h4>
    	<a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/addressbook.png" alt="img"></a> 
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/alert2.png" alt="img"></a> 
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/alert3.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/android.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/arrow-down.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/arrow-left.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/arrow-right.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/arrow-up.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/bberry.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cameras.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/blue.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cart.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/chalendar.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/chart.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/clip.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/clocks.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cloud-down.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cloud-up.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cog1.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/cog2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/columns.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/comment.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/delicious.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/digg.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/document.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/documents.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/download.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/dribble.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/dropbox.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/facebook.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/female-icon.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/film-strip.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/go-full.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/go-full2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/go-normal.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/graph.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/headset.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/highdef.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/highdef2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/home.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/href.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/imac.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/img.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/img2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/incoming.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/ipad.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/iphone.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/ipodc.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/ipodn.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/linux.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/list-icons.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/list-image.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/lists.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/location.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/lowdef.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/lowdef2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/magnifier.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/magnifier2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/mail.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/male-icon.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/mic.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/mobile.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/money.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/mouse.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/myspace.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/notebook.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/osx.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/outgoing.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/paypal.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/pdf-doc.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/pdf-docs.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/phone.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/pricetag.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/refresh.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/refresh2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/settings.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/shuffle.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/sings.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/skype.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/speach1.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/speach2.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/stumble.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/tags.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/tumblr.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/twitter.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/upload.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/user.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/users.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/vimeo.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/volume.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/wifi.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/win.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/wp.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/youtube.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/zip.png" alt="img"></a>
        <a href="#"><img class="round-icon" src="{kfc:tplpath}images/icon/zips.png" alt="img"></a> 
        <div class="clear"></div>
    </div>
</div>

<div class="portfolio"> 
	<div class="full-width">
    <h4 class="shadow">Porfolios are really important!</h4>
    <p class="shadow">
    	That's why Esepina uses a portfolio compatible WITH ALL mobile devices!
    	Fullscreen gallery, the only way to get your mobile template looking AWESOME!
    </p>
    </div>
    <div class="decoration"></div>
	<ul id="gallery" class="gallery">
		<li><a href="images/swype/full/001.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/001.jpg" alt="Caption Title One" />
        </a></li>
		<li><a href="images/swype/full/002.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/002.jpg" alt="Caption Title Two" />
        </a></li>
		<li><a href="images/swype/full/003.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/003.jpg" alt="Caption Title Three" />
        </a></li>
		<li><a href="images/swype/full/004.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/004.jpg" alt="Caption Title Four" />
        </a></li>
		<li><a href="images/swype/full/005.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/005.jpg" alt="Caption Title Five" />
        </a></li>
		<li><a href="images/swype/full/006.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/006.jpg" alt="Caption Title Six" />
        </a></li>
		<li><a href="images/swype/full/007.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/007.jpg" alt="Caption Title Eight" />
        </a></li>
		<li><a href="images/swype/full/008.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/008.jpg" alt="Caption Title Nine" />
        </a></li>
		<li><a href="images/swype/full/009.jpg">
        	<img src="{kfc:tplpath}images/swype/thumb/009.jpg" alt="Caption Title Ten" />
        </a></li>
	</ul>
    <div class="decoration"></div>
</div>
<div class="blog">
	<div class="blog-post">
    	<img class="image-deco image-width" src="{kfc:tplpath}images/about-images/1.jpg" alt="img">
        <ul class="blog-post-details">
        	<li class="posted-by">admin</li>
            <li class="posted-at">02/12/2012</li>
            <li class="posted-in">CSS, HTML</li>
            <li class="posted-mo"><a href="#">More</a></li>
        </ul>   
        <div class="clear"></div>
        <p class="shadow">
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Vestibulum imperdiet, diam ut placerat sagittis, ligula 
            risus suscipit ante, et faucibus lectus nisl non felis. 
        </p>
    </div>
    <div class="decoration"></div>
	<div class="blog-post">
    	<img class="image-deco image-width" src="{kfc:tplpath}images/about-images/2.jpg" alt="img">
        <ul class="blog-post-details">
        	<li class="posted-by">admin</li>
            <li class="posted-at">02/12/2012</li>
            <li class="posted-in">CSS, HTML</li>
            <li class="posted-mo"><a href="#">More</a></li>
        </ul>   
        <div class="clear"></div>
        <p class="shadow">
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Vestibulum imperdiet, diam ut placerat sagittis, ligula 
            risus suscipit ante, et faucibus lectus nisl non felis.
        </p> 
    </div>
    <div class="decoration"></div>
	<div class="blog-post">
    	<img class="image-deco image-width" src="{kfc:tplpath}images/about-images/3.jpg" alt="img">
        <ul class="blog-post-details">
        	<li class="posted-by">admin</li> 
            <li class="posted-at">02/12/2012</li>
            <li class="posted-in">CSS, HTML</li>
            <li class="posted-mo"><a href="#">More</a></li>
        </ul>   
        <div class="clear"></div>
        <p class="shadow">
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Vestibulum imperdiet, diam ut placerat sagittis, ligula 
            risus suscipit ante, et faucibus lectus nisl non felis. 
        </p>
    </div>
    <div class="decoration"></div>
	<div class="blog-post">
    	<img class="image-deco image-width" src="{kfc:tplpath}images/about-images/4.jpg" alt="img">
        <ul class="blog-post-details">
        	<li class="posted-by">admin</li>
            <li class="posted-at">02/12/2012</li>
            <li class="posted-in">CSS, HTML</li>
            <li class="posted-mo"><a href="#">More</a></li>
        </ul>   
        <div class="clear"></div>
        <p class="shadow">
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Vestibulum imperdiet, diam ut placerat sagittis, ligula 
            risus suscipit ante, et faucibus lectus nisl non felis. 
    </div>
    <div class="decoration"></div>
</div>
<div class="contact">
	<div class="full-width">
        <h4 class="shadow">Let's get in touch!</h4>
        <p class="shadow">
            This contact form has AJAX and PHP, so it sends messages, 
            you can also use the buttons to call, send SMS or send 
            an e-mail through your default mobile email app
        </p>
    </div>
	<form id="contactForm">
    <div class="decoration"></div>
        <fieldset>
            <label for="contactName" id="name_label">Name (required)</label>
            <input type="text" name="contactName" id="contactName" size="30" value="" class="text-input" />
            <span class="error" id="nameError">Please enter your name !</span>
            <label for="contactEmail" id="email_label">Email (required)</label>
            <input type="text" name="contactEmail" id="contactEmail" size="30" value="" class="text-input" />
            <span class="error" id="emailError">Please enter your email address !</span> 
            <span class="error" id="emailError2">Please enter a valid email address !</span>
            <label for="contactMessage" id="message_label">Message</label>
            <textarea  name="contactMessage" id="contactMessage" class="text-input"></textarea>
            <span class="error" id="messageError">Please enter message !</span>
            <p>
                <input type="submit" name="submitMessage" class="contactButton button grey" id="contactSubmitBtn" value="Send"/>
                <a class="contactBut button grey" href="tel:+1234456789">Call Us!</a>
                <a class="contactBut button grey" href="sms:+1234456789">Text Us!</a>
                <a class="contactBut button grey" href="mailto:example@domain.com">Mail Us!</a>
            </p>
		</fieldset>
	</form>
    <div class="decoration"></div>
</div>

<div class="footer">
    <p class="copyright">&copy; Copyright 2012. All rights reserved. <a href="#">Terms Of Service</a></p>
</div>

<div class="empty-clear-menu"></div>
</div>
</body>
</html>
